import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import axios from 'axios'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'easymde/dist/easymde.min.css'

axios.defaults.baseURL = 'http://apis.imooc.com/api'
// axios.get('/columns?icode: C47F851009F72942').then(res => {
//     console.log(res.data);
// })

//响应拦截
//config就是原先的columns，后面加上icode
axios.interceptors.request.use(config => {
    // console.log(config.data);

    // get 请求，添加到url中
    config.params = { ...config.params, icode: 'C47F851009F72942' }
    // 其他请求，添加到body中
    // 如果是文件上传，添加到FromData中
    if (config.data instanceof FormData) {
        config.data.append('icode', 'C47F851009F72942')
    } else {
        // 普通的body对象,添加到config中
        config.data = { ...config.data, icode: 'C47F851009F72942' }
    }
    store.commit('setLoading', true)
    store.commit('setError', { status: false, message: '' })
    return config
})

axios.interceptors.response.use(config => {
    setTimeout(() => {
        store.commit('setLoading', false)
    }, 2000)
    return config
    
}, e => { 
    const { error } = e.response.data
    // console.log(error);
    store.commit('setError', { status: true, message: error })
    store.commit('setLoading', false)
    return Promise.reject(error)
})

// axios.get("/columns").then(res => {
//     console.log(res.data);
// });
// axios.get('/columns', {params: {currentPage: '1', pageSize: '10'}}).then(res => {
//     console.log(res.data)
// })


createApp(App)
    .use(store)
    .use(router)
    .mount('#app')
